html {
    font-size: 18px !important;
    color: #A5A5A5;
}

.title {
    font-size: 1rem;
}

.bar-tab .tab-item .icon ~ .tab-label {
    font-size: 1rem;
}

.bar-tab .tab-item.active, .bar-tab .tab-item:active {
    color: #FF9412;
}

* {
    margin: 0;
    padding: 0;
}

ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.page, .page-group {
    background: #fff;
}

.content .swiper-container img {
    width: 100%;
    height: auto;
    background-size: cover;
}

.content .swiper-container .btn {
    position: absolute;
    bottom: 10.5%;
    left: 50%;
    margin-left: -22.2%;
    z-index: 2;
    display: none;
}

.content .swiper-container .btn a {
    padding: 0 2rem;
}

/*登入页面*/
.content .login-header img {
    width: 14%;
    height: auto;
    margin-left: 43%;
    margin-top: 13%;
}

.content .login-person {
    margin-right: 9.3%;
    margin-left: 9.3%;
}

.content .login-person input {
    border: 0;
    width: 100%;
    display: inline-block;
    border-bottom: 1px solid lightgray;
    padding-bottom: 1.2%;
}

.content .login-person input:nth-of-type(1) {
    margin-top: 7%;
}

.content .login-person input:nth-of-type(2) {
    margin-top: 6%;
}

.content .login-tiyan {
    height: 1.2rem;
    margin-top: 4%;
    margin-left: 9.3%;
    margin-right: 9.3%;
}

.content .login-btn {
    margin-left: 9.3%;
    margin-right: 9.3%;
    margin-top: 5%;
}

.content .login-tiyan .page-left {
    color: #FF9412;
}

.content .login-tiyan span {
    padding-left: 0.25rem;
}

.content .login-picture img {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: auto;
}

.content .login-picture .login-version {
    position: absolute;
    left: 50%;
    bottom: 0.52%;
    margin-left: -24.66%;
    color: #FF9412;
}

.bar::after {
    height: 0;
}

.page-group .arcode-top {
    position: relative;
}

/*主页面*/
.page-group .bar-home-top {
    background-color: #EF9000;
}

.page-group .bar-home-bottom {
    background-color: #fff;
}

.page-group .bar-home-body {
    background-color: #F0F0F0;
}

.page h1 {
    color: white;
}

.page-group .bar-home-body .content-title {
    width: 100%;
    height: 30%;
    background: url("../imge/home_bj.png") no-repeat center;
    background-size: cover;
}

.page-group .bar-home-body .content-title .col-50 {
    margin-top: 50px;
}

.page-group .bar-home-body .content-title img {
    display: block;
    width: 12.96%;
    margin: 0 auto;
}

.page-group .bar-home-body .content-title .title-pic {
    width: 15%;
}

.page-group .bar-home-body .content-title p {
    text-align: center;
    margin-top: 5px;
    color: white;
}

.bar-home-body .content-app {
    background-color: #fff;
}

.bar-home-body .content-app a {
    display: block;
    width: 100%;
    text-align: center;
}

.bar-home-body .content-app a img {
    display: block;
    width: 40%;
    margin: 0 auto;
    margin-top: 10%;
}

.bar-home-body .content-app a p {
    margin: 5% 0;
    color: #ADADAD;
    font-size: 15px;
}

.row {
    margin-left: 0;
}

.row .col-50 {
    width: 50%;
    margin-left: 0;
}

.row .col-25 {
    width: 25%;
    margin-left: 0;
}

.row .col-20 {
    width: 20%;
    margin: 0;
}

.row .col-10 {
    width: 10%;
    margin: 0;
}

.row .col-80 {
    width: 80%;
    margin: 0;
}

.row .col-90 {
    width: 90%;
    margin: 0;
}

/*修改下拉的图片*/
.pull-to-refresh-layer {
    top: -35px;
    height: 6px;
}

.pull-to-refresh-content .pull-up .pull-to-refresh-arrow {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    display: block;
}

.pull-to-refresh-content .pull-down .pull-to-refresh-arrow {
    display: block;
}

.pull-to-refresh-content.refreshing .pull-to-refresh-arrow {
    display: none;
}

.pull-to-refresh-layer .pull-to-refresh-arrow {
    width: 2rem;
    height: 2rem;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -1rem;
    margin-bottom: 2rem;
    background: no-repeat center;
    background-image: url("../imge/icon_xdd_logo.png");
    background-size: 2rem 2rem;
    z-index: 10;
    /*-webkit-transform: rotateY(180deg);*/
    /*transform: rotateY(180deg);*/
    /*-webkit-transition-duration: 300ms;*/
    /*transition-duration: 300ms;*/
    display: none;
}

/*修改样式*/
.preloader {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    /* -webkit-animation: preloader-spin 1s steps(12, end) infinite;
     animation: preloader-spin 1s steps(12, end) infinite;*/
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("../imge/icon_xdd_logo.png");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat;
}

.pull-to-refresh-content.refreshing .preloader {
    display: block;
}

.pull-to-refresh-content:not(.refreshing) .pull-to-refresh-layer .preloader {
    -webkit-animation: none;
    animation: none;
}

.pull-to-refresh-layer .preloader {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -1rem;
    margin-bottom: 2rem;
    display: none;
}

.pull-wm-title .pull-content-wm {
    background-color: #fff;
}

.pull-wm-title .pull-content-wm .wm {
    padding: 1%;
    background-color: #01D7F1;
    color: white;
    font-size: 15px;
}

.pull-wm-title .pull-content-wm .xiaoshou {
    padding-left: 20px;
    padding-right: 20px;
}

.pull-wm-title .pull-content-wm .xiaoshou .left p,
.pull-wm-title .pull-content-wm .xiaoshou .rigth p {
    color: #ADADAD;
}

.pull-wm-title .pull-content-wm .xiaoshou .left span {
    color: #F18E00;
}

.pull-wm-title .pull-content-wm .xiaoshou .left img {
    width: 18px;
    height: 24px;
    margin-left: 10px;
    display: inline-block;
    vertical-align: middle;
}

.pull-wm-title .pull-content-wm .xiaoshou .rigth div {
    padding: 15px 0;
}

.pull-wm-title .pull-content-wm .xiaoshou .rigth p {
    margin: 0;
}

.pull-wm-title .pull-content-wm .xiaoshou .rigth span {
    margin-left: 37px;
    color: #ADADAD;
}

.pull-wm-title .pull-shouyin {
    margin-top: 3%;
}

.pull-wm-title .pull-content-wm .shouyin {
    padding: 1%;
    background-color: #F18D01;
    color: white;
    font-size: 15px;
}

/*历史订单页面*/
.page .bar .history-search {
    margin-right: 3%;
}

.page .history-search span {
    color: white;
}

.bar-home-body .history-title {
    height: 40px;
    background-color: #fff;
}

.bar-home-body .history-title > li {
    width: 33.333%;
    float: left;
    margin: 6px 0;
}

.bar-home-body .history-title > li > a {
    color: #000000;
}

.bar-home-body .history-title > li > a > p {
    margin: 3px auto;
    text-align: center;
}

.bar-home-body .history-title > li > a > p::after {
    content: "\e610";
    font-size: 10px;
    font-family: "iconfont-sm" !important;
    padding-left: 3px;
}

.bar-home-body .history-title > li + li {
    border-left: 1px solid #ADADAD;
}

.bar-home-body .history-record p {
    margin: 0;
    font-size: 15px;
    margin: 5px 0;
    margin-left: 8px;
}

.bar-home-body .history-record .item-pay {
    background-color: #fff;
    border-top: 1px solid #ADADAD;
}

.bar-home-body .history-record .item-pay li .row {
    border-bottom: 1px solid #ADADAD;
}

.bar-home-body .history-record .item-pay .item-pay-img {
    position: relative;
    width: 48px;
    height: 49px;
    line-height: 78px;
    display: block;
    padding: 10px;
}

/*.bar-home-body .history-record .item-pay .col-80 {*/
/*position: relative;*/
/*}*/
.bar-home-body .history-record .item-pay .wx-pay,
.bar-home-body .history-record .item-pay .wx-success {
    color: #ADADAD;
    margin-top: 8px;
}

.bar-home-body .history-record .item-pay .wx-success {
    margin-right: 25px;
}

.bar-home-body .history-record .item-pay .wx-pay h3,
.bar-home-body .history-record .item-pay .wx-pay span,
.bar-home-body .history-record .item-pay .wx-success h3,
.bar-home-body .history-record .item-pay .wx-success span {
    font: 400 15px "微软雅黑";
    display: block;
}

.bar-home-body .history-record .item-pay .wx-pay span,
.bar-home-body .history-record .item-pay .wx-success span {
    margin-top: 4px;
}

/*设置页面*/
.bar-home-body .setting-title {
    width: 100%;
    background-color: #EF9000;
}

.bar-home-body .setting-title img {
    position: relative;
    width: 21.296%;
    top: 5px;
    left: 50%;
    margin-left: -10.648%;
}

.bar-home-body .setting-title p {
    color: white;
    margin-top: 20px;
}

.bar-home-body .setting-body ul {
    width: 100%;
    background-color: #fff;
    border-top: 1px solid #ADADAD;
    border-bottom: 1px solid #ADADAD;
    margin-top: 8px;
}

.bar-home-body .setting-body img {
    width: 17px;
    height: 28px;
    display: block;
    line-height: 75px;
    margin-top: 14px;
}

.bar-home-body .setting-body .setting-text p {
    font: 400 15px "微软雅黑";
    color: #696969;
    margin: 0;
    line-height: 59px;
}

.bar-home-body .setting-body .setting-img i {
    font-size: 12px;
    color: #ADADAD;
    padding-right: 30px;
    line-height: 59px;
}

.bar-home-body .setting-body .setting-exit li {
    padding-left: 5%;
}

.bar-home-body .setting-body .setting-function li:nth-of-type(1) {
    padding-left: 5%;
}

.bar-home-body .setting-body .setting-function li + li {
    border-top: 1px solid #ADADAD;
    margin-left: 5%;
}

/*一码多付页面*/
.page-group .arcode-top, .arcode-top-bg {
    background-color: #080808;
}

.page-group .arcode-top span {
    color: white;
}

.page-group .qrcode-body {
    width: 100%;
    height: 100%;
    margin-top: 30px;
}

.page-group .qrcode-body .qrcode-bg {
    position: relative;
    height: 100%;
    background-color: #fff;
    margin: 0 18px;
    border-radius: 10px;
}

.page-group .qrcode-body .qrcode-bg .qrcode-gb-title {
    width: 100%;
    padding-bottom: 70px;
    border-bottom: 1px dashed #e1e1e1;
}

/*这种通过伪类元素显示的圆圈必须要有定位才能显示,
如果没有定位的话,content中必须要写元素*/
.page-group .qrcode-body .qrcode-bg .qrcode-gb-title::before,
.page-group .qrcode-body .qrcode-bg .qrcode-gb-title::after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #080808;
}

.page-group .qrcode-body .qrcode-bg .qrcode-gb-title::before {
    top: 105px;
    left: -10px;
}

.page-group .qrcode-body .qrcode-bg .qrcode-gb-title::after {
    top: 105px;
    right: -10px;
}

.page-group .qrcode-body .qrcode-bg .qrcode-gb-title > p {
    font-size: 12px;
    text-align: center;
    padding-top: 15px;
}

#qrcode_img {
    width: 150px;
    height: 150px;
    margin: 0 auto;
    vertical-align: middle;
    margin-top: 10px;
}

.page-group .qrcode-body .qrcode-bg .qrcode-money {
    margin-top: 20px;
    padding: 5px 10px;
    background-color: #e0e0e0;
}

.page-group .qrcode-body .qrcode-bg .qrcode-money .pull-right {
    color: #EF9000;
}

/* 修改密码界面*/
.reset-home-top {
    background-color: white;
}
.reset-home-top span{
    color: #080808;
}

.picture {
    margin-top: 60px;
}

.picture img {
    display: block;
    margin: 0 auto;
}


.item-reset {
    margin-right: 9.3%;
    margin-left: 9.3%;
}

.item-reset .item-reset-new{
    width: 100%;
    border-bottom: 1px solid lightgray;
    padding-bottom: 8px;
    margin-top: 20px;
}

.item-reset .item-reset-new:nth-of-type(1){
    margin-top: 30px;
}

.item-reset .item-reset-new input{
    border: 0;
    padding-left: 8px;
}

.reset-text {
    text-align: center;
    margin-top: 20px;
}

.reset-text span{
    color: #FF9412;
}
